<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <title>幽灵按钮</title>
        <link rel="stylesheet" type="text/css" href="./style.css">
    </head>
    <body>
      <div class="box">
          <div class="link link-miss">
              <span class="icon">
              </span>
              <a href="#" class="button" data="My Mission is clear">MISSION
                   <span class="line line-top"></span>
                   <span class="line line-right"></span>
                   <span class="line line-bottom"></span>
                   <span class="line line-left"></span>
               </a> 
          </div>
          
          <div class="link link-play">
              <span class="icon">
              </span>
              <a href="#" class="button" data="My Play is clear">PLAY
                   <span class="line line-top"></span>
                   <span class="line line-right"></span>
                   <span class="line line-bottom"></span>
                   <span class="line line-left"></span>
               </a>   
          </div>
          
          <div class="link link-touch">
              <span class="icon">
              </span>
               <a href="#" class="button" data="My Mission is touch">TOUCH
                   <span class="line line-top"></span>
                   <span class="line line-right"></span>
                   <span class="line line-bottom"></span>
                   <span class="line line-left"></span>
               </a> 
          </div>
          <div class="tip"><em></em><span></span></div>
      </div>  
    </body>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="./script.js"></script>
</html>